@microsoft/omnichannel-chat-widget 0.1.0-main.0ec5410 → 0.1.0-main.170e416

package/README.md

@@ -11,8 +11,9 @@
 1. [Installation](#installation)
 1. [Example Usage](#example-usage)
 1. [Components](#components)
-1. [Telemetry](#telemetry)
-1. [Features](#features)
+1. [Common Scenarios](#common-scenarios)
+    - [Disable Bot Magic Code](#disable-bot-magic-code)
+1. [See Also](#see-also)
 
 ## Introduction
 
@@ -84,15 +85,7 @@ const render = async () => {
             }
         },
         chatSDK: chatSDK, // mandatory
-        chatConfig: chatConfig, // mandatory
-        telemetryConfig: { //mandatory
-            orgId: omnichannelConfig.orgId,
-            orgUrl: omnichannelConfig.orgUrl,
-            appId: omnichannelConfig.widgetId,
-            OCChatSDKVersion: chatSdkVersion,
-            chatComponentVersion: chatComponentVersion,
-            chatWidgetVersion: chatWidgetVersion
-        }
+        chatConfig: chatConfig // mandatory
     };
 
     ReactDOM.render(
@@ -134,6 +127,7 @@ These are components that are included in the ```@microsoft/omnichannel-chat-com
 
 | Component | Default Usage | Interface |
 | ----- | -------- | ----- |
+| WebChatContainer | The default wrapper around BotFramework's [WebChat](https://github.com/microsoft/BotFramework-WebChat), which is the message container we are using | [IWebChatContainerStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps.ts) |
 | LiveChatWidget | The default widget that stitches the UI components with Chat SDK | [ILiveChatWidgetProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/livechatwidget/interfaces/ILiveChatWidgetProps.ts) |
 
 Some of the interfaces listed in the Stateless table have Stateful counterparts defined in the ```@microsoft/omnichannel-chat-widget``` package. For example, [IConfirmationPaneStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/confirmationpanestateful/interfaces/IConfirmationPaneStatefulProps.ts) extends [IConfirmationPaneProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-components/src/components/confirmationpane/interfaces/IConfirmationPaneProps.ts) with additional attributes that only makes sense in the stateful context.
@@ -226,6 +220,36 @@ const customizedFooterProp: IFooterProps = {
 
 > :pushpin: Note that [WebChat hooks](https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/HOOKS.md) can also be used in any custom components.
 
+## Common Scenarios
+
+### Disable Bot Magic Code
+
+Configuration to disable the default behaviour of having to type the magic code in the conversation to complete the sign-in proccess with a bot. Instead, the magic code will be sent to the bot behind the scenes.
+
+1. Add [MagicCodeForwarder.html](sample/MagicCodeForwarder.html) in the same location as the chat widget
+
+2. Add `botMagicCode` configuration to disable default magic code feature
+
+> :exclamation: `fwdUrl` **MUST** have the same `origin` as the chat widget URL
+
+```js
+const liveChatWidgetProps = {
+    chatSDK: chatSDK, // mandatory
+    chatConfig: chatConfig, // mandatory
+    webChatContainerProps: {
+        botMagicCode: {
+            disabled: true, 
+            fwdUrl: 'http://localhost:8000/sample/MagicCodeForwarder.html'
+        }
+    },    
+};
+
+ReactDOM.render(
+    <LiveChatWidget {...liveChatWidgetProps}/>,
+    document.getElementById("my-container")
+);
+```
+
 ## See Also
 
 [Telemetry](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Telemetry.md)\

package/lib/cjs/common/Constants.js

@@ -3,305 +3,200 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.ElementType = exports.Constants = exports.ChatSDKError = void 0;
-
+exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.Constants = exports.ChatSDKError = exports.AriaTelemetryConstants = void 0;
 var _class;
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Constants {}
-
 exports.Constants = Constants;
-
+_defineProperty(Constants, "magicCodeBroadcastChannel", "MagicCodeChannel");
+_defineProperty(Constants, "magicCodeResponseBroadcastChannel", "MagicCodeResponseChannel");
 _defineProperty(Constants, "systemMessageTag", "system");
-
 _defineProperty(Constants, "userMessageTag", "user");
-
 _defineProperty(Constants, "historyMessageTag", "history");
-
 _defineProperty(Constants, "agentEndConversationMessageTag", "agentendconversation");
-
+_defineProperty(Constants, "supervisorForceCloseMessageTag", "supervisorforceclosedconversation");
 _defineProperty(Constants, "receivedMessageClassName", "ms_lcw_webchat_received_message");
-
 _defineProperty(Constants, "sentMessageClassName", "ms_lcw_webchat_sent_message");
-
 _defineProperty(Constants, "webchatChannelId", "webchat");
-
 _defineProperty(Constants, "markdown", "markdown");
-
 _defineProperty(Constants, "actionType", "actionType");
-
 _defineProperty(Constants, "String", "string");
-
 _defineProperty(Constants, "ChatMessagesJson", "chatMessagesJson");
-
 _defineProperty(Constants, "truePascal", "True");
-
 _defineProperty(Constants, "true", "true");
-
 _defineProperty(Constants, "false", "false");
-
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
-
-_defineProperty(Constants, "widgetStateDataKey", "LcwChatWidgetState");
-
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
-
 _defineProperty(Constants, "ChannelId", "lcw");
-
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
-
 _defineProperty(Constants, "GifContentType", "image/gif");
-
 _defineProperty(Constants, "video", "video");
-
 _defineProperty(Constants, "audio", "audio");
-
 _defineProperty(Constants, "controlsList", "controlsList");
-
 _defineProperty(Constants, "nodownload", "nodownload");
-
 _defineProperty(Constants, "activity", "activity");
-
 _defineProperty(Constants, "payload", "payload");
-
 _defineProperty(Constants, "text", "text");
-
 _defineProperty(Constants, "blank", "_blank");
-
 _defineProperty(Constants, "visitorIdPrefix", "8:");
-
 _defineProperty(Constants, "left", "left");
-
 _defineProperty(Constants, "queuePositionMessageTag", "queueposition");
-
 _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
-
 _defineProperty(Constants, "message", "message");
-
+_defineProperty(Constants, "hiddenTag", "Hidden");
+_defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
+_defineProperty(Constants, "acsChannel", "ACS_CHANNEL");
+_defineProperty(Constants, "publicMessageTag", "public");
 _defineProperty(Constants, "supportedAdaptiveCardContentTypes", ["application/vnd.microsoft.card.adaptive", "application/vnd.microsoft.card.audio", "application/vnd.microsoft.card.hero", "application/vnd.microsoft.card.receipt", "application/vnd.microsoft.card.thumbnail", "application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"]);
-
 _defineProperty(Constants, "maxUploadFileSize", "500000");
-
 _defineProperty(Constants, "imageRegex", /(\.)(jpeg|jpg|jiff|png|gif|bmp)$/i);
-
 _defineProperty(Constants, "audioMediaRegex", /(\.)(aac|aiff|alac|flac|mp2|mp3|pcm|wav|wma)$/i);
-
 _defineProperty(Constants, "videoMediaRegex", /(\.)(avchd|avi|flv|mpe|mpeg|mpg|mpv|mp4|m4p|m4v|mov|qt|swf|webm|wmv)$/i);
-
 _defineProperty(Constants, "chromeSupportedInlineMediaRegex", /(\.)(aac|mp3|wav|mp4)$/i);
-
 _defineProperty(Constants, "firefoxSupportedInlineMediaRegex", /(\.)(aac|flac|mp3|wav|mp4|mov)$/i);
-
 _defineProperty(Constants, "CallAdded", "callAdded");
-
 _defineProperty(Constants, "LocalVideoStreamAdded", "localVideoStreamAdded");
-
 _defineProperty(Constants, "LocalVideoStreamRemoved", "localVideoStreamRemoved");
-
 _defineProperty(Constants, "RemoteVideoStreamAdded", "remoteVideoStreamAdded");
-
 _defineProperty(Constants, "RemoteVideoStreamRemoved", "remoteVideoStreamRemoved");
-
 _defineProperty(Constants, "CallDisconnected", "callDisconnected");
-
 _defineProperty(Constants, "IncomingCallEnded", "incomingCallEnded");
-
 _defineProperty(Constants, "VoiceVideoInitialize", "voiceVideoInitialize");
-
 _defineProperty(Constants, "VoiceVideoInitializeException", "voiceVideoInitializeOnException");
-
 _defineProperty(Constants, "VoiceVideoLoading", "voiceVideoLoading");
-
 _defineProperty(Constants, "VoiceVideoNotLoaded", "voiceVideoNotLoaded");
-
 _defineProperty(Constants, "VoiceVideoLoadingException", "voiceVideoLoadingOnException");
-
 _defineProperty(Constants, "VoiceVideoAcceptCallException", "voiceVideoAcceptCallOnException");
-
 _defineProperty(Constants, "VoiceVideoAcceptCallWithVideoException", "voiceVideoAcceptCallWithVideoException");
-
 _defineProperty(Constants, "defaultDownloadTranscriptError", "Download transcript failed.");
-
 _defineProperty(Constants, "ProactiveChatInviteTimeoutInMs", 60000);
-
 _defineProperty(Constants, "InputSubmit", "InputSubmit");
-
 _defineProperty(Constants, "ReconnectIdAttributeName", "oc.reconnectid");
-
-_defineProperty(Constants, "redirectPageRequest", "redirectPageRequest");
-
 _defineProperty(Constants, "LiveChatWidget", "LiveChatWidgetNew");
-
 _defineProperty(Constants, "GuidPattern", "xx-x-4m-ym-xxx");
-
 _defineProperty(Constants, "Default", "default");
-
 _defineProperty(Constants, "Zero", "zero");
-
 _defineProperty(Constants, "Title", "title");
-
 _defineProperty(Constants, "Target", "target");
-
 _defineProperty(Constants, "Blank", "_blank");
-
 _defineProperty(Constants, "TargetRelationship", "rel");
-
 _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer");
-
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__markdown__external-link-icon");
-
 _defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azureedge.net/public/connecttest.txt");
-
 _defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
-
+_defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
+_defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
+_defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
 const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 exports.Regex = Regex;
-
 class HtmlIdNames {}
-
 exports.HtmlIdNames = HtmlIdNames;
-
 _defineProperty(HtmlIdNames, "MSLiveChatWidget", "MSLiveChatWidget");
-
 class HtmlClassNames {}
-
 exports.HtmlClassNames = HtmlClassNames;
-
 _defineProperty(HtmlClassNames, "webChatBannerCloseButton", "webchat__toast__dismissButton");
-
 _defineProperty(HtmlClassNames, "webChatBannerExpandButton", "webchat__toaster__expandIcon");
-
 class HtmlElementSelectors {}
-
 exports.HtmlElementSelectors = HtmlElementSelectors;
-
 _defineProperty(HtmlElementSelectors, "sendBoxSelector", "textarea[data-id=\"webchat-sendbox-input\"]");
-
 class HtmlAttributeNames {}
-
 exports.HtmlAttributeNames = HtmlAttributeNames;
-
 _defineProperty(HtmlAttributeNames, "role", "role");
-
 _defineProperty(HtmlAttributeNames, "navigation", "navigation");
-
 _defineProperty(HtmlAttributeNames, "ariaLabel", "aria-label");
-
 _defineProperty(HtmlAttributeNames, "ariaLive", "aria-live");
-
 _defineProperty(HtmlAttributeNames, "ariaDisabled", "aria-disabled");
-
 _defineProperty(HtmlAttributeNames, "form", "form");
-
 _defineProperty(HtmlAttributeNames, "ariaLabelledby", "aria-labelledby");
-
 _defineProperty(HtmlAttributeNames, "tabindex", "tabindex");
-
 _defineProperty(HtmlAttributeNames, "ariaRequired", "aria-required");
-
 _defineProperty(HtmlAttributeNames, "ariaDesribedby", "aria-describedby");
-
 _defineProperty(HtmlAttributeNames, "ariaHidden", "aria-hidden");
-
 _defineProperty(HtmlAttributeNames, "disabled", "disabled");
-
 _defineProperty(HtmlAttributeNames, "hidden", "hidden");
-
 _defineProperty(HtmlAttributeNames, "download", "download");
-
 _defineProperty(HtmlAttributeNames, "href", "href");
-
 _defineProperty(HtmlAttributeNames, "region", "region");
-
 _defineProperty(HtmlAttributeNames, "button", "button");
-
 _defineProperty(HtmlAttributeNames, "input", "Input");
-
 _defineProperty(HtmlAttributeNames, "style", "style");
-
 _defineProperty(HtmlAttributeNames, "head", "head");
-
 _defineProperty(HtmlAttributeNames, "type", "type");
-
 _defineProperty(HtmlAttributeNames, "csstext", "text/css");
-
 _defineProperty(HtmlAttributeNames, "listItem", "LI");
-
 _defineProperty(HtmlAttributeNames, "unorderedList", "UL");
-
 _defineProperty(HtmlAttributeNames, "div", "div");
-
 _defineProperty(HtmlAttributeNames, "aTagName", "a");
-
 _defineProperty(HtmlAttributeNames, "noopenerTag", "noopener");
-
 _defineProperty(HtmlAttributeNames, "noreferrerTag", "noreferrer");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardTextBlockClassName", "ac-textBlock");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardToggleInputClassName", "ac-toggleInput");
-
 class WebChatMiddlewareConstants {}
-
 exports.WebChatMiddlewareConstants = WebChatMiddlewareConstants;
-
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
-
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
-
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
-
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
-
 class MimeTypes {}
-
 exports.MimeTypes = MimeTypes;
-
 _defineProperty(MimeTypes, "UnknownFileType", "application/octet-stream");
-
 class LocaleConstants {}
-
 exports.LocaleConstants = LocaleConstants;
-
 _defineProperty(LocaleConstants, "RTL_LOCALES", ["1025", "1037"]);
-
 let ElementType;
 exports.ElementType = ElementType;
-
 (function (ElementType) {
   ElementType["CallingContainerSDK"] = "CallingContainerSDK";
 })(ElementType || (exports.ElementType = ElementType = {}));
-
 let ChatSDKError;
 exports.ChatSDKError = ChatSDKError;
-
 (function (ChatSDKError) {
   ChatSDKError["WidgetUseOutsideOperatingHour"] = "WidgetUseOutsideOperatingHour";
 })(ChatSDKError || (exports.ChatSDKError = ChatSDKError = {}));
-
+let EnvironmentVersion;
+exports.EnvironmentVersion = EnvironmentVersion;
+(function (EnvironmentVersion) {
+  EnvironmentVersion["prod"] = "prod";
+  EnvironmentVersion["dogfood"] = "df";
+  EnvironmentVersion["int"] = "int";
+  EnvironmentVersion["test"] = "test";
+})(EnvironmentVersion || (exports.EnvironmentVersion = EnvironmentVersion = {}));
+let E2VVOptions;
+exports.E2VVOptions = E2VVOptions;
+(function (E2VVOptions) {
+  E2VVOptions["NoCalling"] = "192350000";
+  E2VVOptions["VideoAndVoiceCalling"] = "192350001";
+  E2VVOptions["VoiceOnly"] = "192350002";
+})(E2VVOptions || (exports.E2VVOptions = E2VVOptions = {}));
+let LiveWorkItemState;
+exports.LiveWorkItemState = LiveWorkItemState;
+(function (LiveWorkItemState) {
+  LiveWorkItemState["Active"] = "Active";
+  LiveWorkItemState["Closed"] = "Closed";
+  LiveWorkItemState["Open"] = "Open";
+  LiveWorkItemState["Waiting"] = "Waiting";
+  LiveWorkItemState["WrapUp"] = "WrapUp";
+})(LiveWorkItemState || (exports.LiveWorkItemState = LiveWorkItemState = {}));
 class TranscriptConstants {}
-
 exports.TranscriptConstants = TranscriptConstants;
-
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
-
 _defineProperty(TranscriptConstants, "TranscriptMessageEmojiMessageType", "http://schema.skype.com/emoji");
-
 _defineProperty(TranscriptConstants, "ChatTranscriptDownloadFile", "ChatTranscripts.html");
-
 _defineProperty(TranscriptConstants, "DefaultFileAttachmentName", "Untitled.txt");
-
 _defineProperty(TranscriptConstants, "CustomerDialogColor", "#E8E8E8");
-
 _defineProperty(TranscriptConstants, "CustomerFontColor", "black");
-
 _defineProperty(TranscriptConstants, "AdaptiveCardType", "adaptivecard");
-
 _defineProperty(TranscriptConstants, "InternalMode", "internal");
-
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
-
-_defineProperty(TranscriptConstants, "AgentFontColor", "white");
+_defineProperty(TranscriptConstants, "AgentFontColor", "white");
+class AriaTelemetryConstants {}
+exports.AriaTelemetryConstants = AriaTelemetryConstants;
+_defineProperty(AriaTelemetryConstants, "GERMANY_ENDPOINT", "https://de.pipe.aria.microsoft.com/Collector/3.0/");
+_defineProperty(AriaTelemetryConstants, "GCCH_ENDPOINT", "https://tb.pipe.aria.microsoft.com/Collector/3.0/");
+_defineProperty(AriaTelemetryConstants, "DOD_ENDPOINT", "https://pf.pipe.aria.microsoft.com/Collector/3.0");
+_defineProperty(AriaTelemetryConstants, "EUROPE_ENDPOINT", "https://eu-mobile.events.data.microsoft.com/Collector/3.0/");
+_defineProperty(AriaTelemetryConstants, "MOONCAKE_ENDPOINT", "");
+_defineProperty(AriaTelemetryConstants, "Public", "Public");
+_defineProperty(AriaTelemetryConstants, "EU", "Europe");
+_defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);

package/lib/cjs/common/KeyCodes.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.KeyCodes = void 0;
-
 var _class;
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const KeyCodes = (_class = class KeyCodes {}, _defineProperty(_class, "ENTER", "Enter"), _defineProperty(_class, "TAB", "Tab"), _class);
 exports.KeyCodes = KeyCodes;

package/lib/cjs/common/contextDataStore/DataStoreManager.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataStoreManager = void 0;
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class DataStoreManager {}
-
 exports.DataStoreManager = DataStoreManager;
-
 _defineProperty(DataStoreManager, "clientDataStore", void 0);

package/lib/cjs/common/storage/default/defaultCacheManager.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerBroadcastServiceForLocalStorage = exports.defaultCacheManager = void 0;
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _utils = require("../../utils");
+var _defaultClientDataStoreProvider = require("./defaultClientDataStoreProvider");
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+class defaultCacheManager {}
+exports.defaultCacheManager = defaultCacheManager;
+_defineProperty(defaultCacheManager, "InternalCache", {});
+const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId) => {
+  const widgetCacheId = (0, _utils.getWidgetCacheId)(orgid, widgetId, widgetInstanceId);
+  _omnichannelChatComponents.BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
+    try {
+      (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)().setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+    } catch (error) {
+      console.error("Error in setting data to localstorage", error);
+    }
+  });
+};
+exports.registerBroadcastServiceForLocalStorage = registerBroadcastServiceForLocalStorage;

package/lib/cjs/common/storage/default/defaultClientDataStoreProvider.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultClientDataStoreProvider = void 0;
+var _defaultInMemoryDataStore = require("./defaultInMemoryDataStore");
+var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
+var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
+const defaultClientDataStoreProvider = () => {
+  const isCookieAllowed = () => {
+    try {
+      localStorage;
+      sessionStorage;
+      return true;
+    } catch (error) {
+      console.error("Third party cookie blocked");
+      return false;
+    }
+  };
+  const TtlInMs = 15 * 60 * 1000; // 15 mins
+  const dataStoreProvider = {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setData: (key, data, type) => {
+      if (isCookieAllowed()) {
+        try {
+          if (key) {
+            const now = new Date();
+            const item = {
+              data: data,
+              expiry: now.getTime() + TtlInMs
+            };
+            const strItem = JSON.stringify(item);
+            if (type === "localStorage") {
+              localStorage.setItem(key, strItem);
+            } else {
+              sessionStorage.setItem(key, strItem);
+            }
+          }
+        } catch (error) {
+          _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+            Event: _TelemetryConstants.TelemetryEvent.ClientDataStoreProviderFailed,
+            ExceptionDetails: error,
+            Description: "Unable to store data in localStorage."
+          });
+        }
+      } else {
+        const dataToCache = {
+          key: key,
+          data: data,
+          type: type
+        };
+        parent.postMessage(dataToCache, "*");
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getData: (key, type) => {
+      if (isCookieAllowed()) {
+        let item;
+        if (type === "localStorage") {
+          item = localStorage.getItem(key);
+        } else {
+          item = sessionStorage.getItem(key);
+        }
+        //Return item if not expired
+        let itemInJson = undefined;
+        if (item !== null) {
+          itemInJson = JSON.parse(item);
+          const now = new Date();
+          // compare the expiry time of the item with the current time
+          if (now.getTime() > itemInJson.expiry) {
+            // If the item is expired, delete the item from storage
+            // and return null
+            localStorage.removeItem(key);
+            return null;
+          }
+          return itemInJson.data;
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().getData(key);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    removeData: (key, type) => {
+      if (isCookieAllowed()) {
+        if (key) {
+          if (type === "localStorage") {
+            return localStorage.removeItem(key);
+          } else {
+            return sessionStorage.removeItem(key);
+          }
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().removeData(key);
+      }
+    }
+  };
+  return dataStoreProvider;
+};
+exports.defaultClientDataStoreProvider = defaultClientDataStoreProvider;

package/lib/cjs/common/storage/default/defaultInMemoryDataStore.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inMemoryDataStore = exports.defaultInitializeInMemoryDataStore = void 0;
+var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
+var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
+var _defaultCacheManager = require("./defaultCacheManager");
+const defaultInitializeInMemoryDataStore = widgetId => {
+  try {
+    localStorage;
+  } catch (error) {
+    // Register below events when localStorage is not accessible
+    // Listening to event raised from client browser
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.addEventListener("message", function (e) {
+      try {
+        if (e.data.key) {
+          const browserData = e.data;
+          if (_defaultCacheManager.defaultCacheManager.InternalCache[browserData.key]) {
+            delete _defaultCacheManager.defaultCacheManager.InternalCache[browserData.key];
+          }
+          _defaultCacheManager.defaultCacheManager.InternalCache[browserData.key] = browserData.data;
+        }
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to register default in-memory cache."
+        });
+      }
+    });
+
+    // send cache initialize message to client
+    if (_defaultCacheManager.defaultCacheManager.InternalCache === undefined || {}) {
+      parent.postMessage({
+        data: "cacheinitialize",
+        widgetId: widgetId
+      }, "*");
+    }
+  }
+};
+exports.defaultInitializeInMemoryDataStore = defaultInitializeInMemoryDataStore;
+const inMemoryDataStore = () => {
+  const dataStoreProvider = {
+    getData: key => {
+      if (_defaultCacheManager.defaultCacheManager.InternalCache && _defaultCacheManager.defaultCacheManager.InternalCache[key]) {
+        return _defaultCacheManager.defaultCacheManager.InternalCache[key];
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setData: (key, data) => {
+      try {
+        _defaultCacheManager.defaultCacheManager.InternalCache[key] = data;
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to set data in default in-memory cache."
+        });
+      }
+    },
+    removeData: key => {
+      try {
+        _defaultCacheManager.defaultCacheManager.InternalCache[key] = {};
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to remove data from default in-memory cache."
+        });
+      }
+    }
+  };
+  return dataStoreProvider;
+};
+exports.inMemoryDataStore = inMemoryDataStore;